Skip to content

Conversation

@frankpizzella-topsort
Copy link
Contributor

Lets the user customize the styling of the banner using the following css variables:

--ts-banner-width
--ts-banner-height
--ts-banner-padding
--ts-banner-margin
Also removes the width and height properties from the topsort-banner element.

@anonvt anonvt marked this pull request as ready for review November 7, 2025 18:55
@anonvt anonvt requested a review from jbergstroem November 7, 2025 18:55
@jbergstroem
Copy link
Contributor

this doesn't look quite right; please give me the weekend to review

Copy link
Contributor

@jbergstroem jbergstroem left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

blocking so it doesn't land as-is

@jbergstroem
Copy link
Contributor

I do agree with removing the height and width argument (but it shoudl be easy to retrieve) but my concern is with how opinionated this becomes. I would rather see custom css being passed as-is or just making it easy to target via a css rule so styling can fit into an existing css system.

@jbergstroem
Copy link
Contributor

Keep in mind: removing width/height is semver breaking; we need to make sure we don't mess with existing installations.

@anonvt anonvt force-pushed the feat/frank/css-styling branch from 48e9031 to 15d8c2f Compare November 14, 2025 17:56
@anonvt
Copy link
Contributor

anonvt commented Nov 17, 2025

@jbergstroem I've reinterpreted this PR

@anonvt anonvt requested a review from jbergstroem November 17, 2025 14:04
Comment on lines +77 to 80
width?: number,
height?: number,
bannerClass?: string,
): TemplateResult {
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

don't change the order of variables, thats a breaking change

src="${src}"
width="${width}px"
height="${height}px"
styles=${mediaStyle}
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

im generally ok with this if there are no users of banners.js using video; it is the right move. the otehr option is to do a major bump due to your previous change

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

4 participants